<template>
    <!-- 女装宣传区域 -->
    <div class="w-full relative py-48 bg-no-repeat bg-cover bg-center" style="background-image: url('/images/fashion-banner-dark2.jpg');">
        <!-- 暗色渐变遮罩，增强深邃感和文字可读性 -->
        <div class="absolute inset-0 bg-gradient-to-r from-black/80 to-black/40"></div>
        <div class="container mx-auto text-center relative z-10">
            <h2 class="text-4xl md:text-8xl font-bold text-white mb-10 font-playball tracking-wide">Elegant Velvet Collection</h2>
            <p class="text-white text-2xl max-w-6xl mx-auto mb-16 font-poppins font-medium leading-relaxed">
                Exquisite velvet fabric paired with meticulous tailoring creates a noble and elegant aesthetic.
                Our customers describe it as "elegant and sophisticated" - designed for any occasion.
            </p>
            <button class="bg-red-600 text-white px-10 py-3 rounded font-poppins font-bold !uppercase !cursor-pointer hover:bg-red-700 transition tracking-widest">
                Shop Collection
            </button>
        </div>
    </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
    name: 'Advertising',
});
</script>